
<div class="col-md-12" style="padding-bottom:100000px;margin-bottom:-100000px;" >
    <section class="panel panel-default">
        <div class="panel-heading">
           <h3 style="margin-top: 10px;">计划名称：{{vm.planName}}</h3>
            <div style="height: 30px;">
                <span style="font-size: 16px;height: 50px;line-height: 50px;text-align: center;">视频播放列表</span>
                <div class="input-group btn-group" style="float: right;">
                    <a class="btn btn-primary" ng-disabled="admin.isAdmin" ng-click="vm.addfile()">
                        <i class="fa fa-fw fa-plus"></i>添加
                    </a>
                </div>
            </div>
        </div>
        <table class="am-fade-and-scale table table-hover" >
            <thead>
            <tr>
                <th style="width: 40%;" ng-click="vm.sorter.reorder('fileName')">
                    视频名称<i class="text-info fa fa-fw" ng-show="vm.sorter.order === 'fileName'" ng-class="{'fa-sort-down': vm.sorter.reverse, 'fa-sort-up': !vm.sorter.reverse}"></i>
                </th>
                <th style="width: 10%;" ng-click="vm.sorter.reorder('fileSize')">
                    视频大小<i class="text-info fa fa-fw" ng-show="vm.sorter.order === 'fileSize'" ng-class="{'fa-sort-down': vm.sorter.reverse, 'fa-sort-up': !vm.sorter.reverse}"></i>
                </th>
                <th style="width: 20%;" ng-click="vm.sorter.reorder('startTime')">
                    开始时间<i class="text-info fa fa-fw" ng-show="vm.sorter.order === 'startTime'" ng-class="{'fa-sort-down': vm.sorter.reverse, 'fa-sort-up': !vm.sorter.reverse}"></i>
                </th>
                <th style="width: 20%;" ng-click="vm.sorter.reorder('endTime')">
                    结束时间<i class="text-info fa fa-fw" ng-show="vm.sorter.order === 'endTime'" ng-class="{'fa-sort-down': vm.sorter.reverse, 'fa-sort-up': !vm.sorter.reverse}"></i>
                </th>
                <th style="width: 10%;">操作</th>
            </tr>
            </thead>
            <tbody class="text-muted">
            <tr ng-repeat="planfile in vm.planfiles | orderBy : vm.sorter.order : vm.sorter.reverse track by $index">
                <td><a ng-click="vm.filepreview(planfile)">{{::planfile.fileName}}</a></td>
                <td ng-bind="::planfile.mfileSize | readable"></td>
                <td ng-bind="::planfile.startTime | date:'yyyy-MM-dd HH:mm:ss' "></td>
                <td ng-bind="::planfile.endTime | date:'yyyy-MM-dd HH:mm:ss'"></td>
                <td><a ng-click="vm.deletefile(planfile)">删除</a></td>
            </tr>
            </tbody>
        </table>
        <div style="height: 1px;background-color: #D4D4D4;" ></div>
        <div class="panel-heading">
            <div style="height: 30px;">
                <span style="font-size: 16px;height: 50px;line-height: 50px;text-align: center;">机器人分组列表</span>
                <div class="input-group btn-group" style="float: right;">
                    <a class="btn btn-primary" ng-disabled="admin.isAdmin" ng-click="vm.addgroup()">
                        <i class="fa fa-fw fa-plus"></i>添加
                    </a>
                </div>
            </div>
        </div>
        <table class="am-fade-and-scale table table-hover" >
            <thead>
            <tr>
                <th style="width: 70%;" ng-click="vm.sorter.reorder('groupName')">
                    分组名称<i class="text-info fa fa-fw" ng-show="vm.sorter.order === 'groupName'" ng-class="{'fa-sort-down': vm.sorter.reverse, 'fa-sort-up': !vm.sorter.reverse}"></i>
                </th>
                <th style="width: 20%;" ng-click="vm.sorter.reorder('robotNumber')">
                    机器人数量<i class="text-info fa fa-fw" ng-show="vm.sorter.order === 'robotNumber'" ng-class="{'fa-sort-down': vm.sorter.reverse, 'fa-sort-up': !vm.sorter.reverse}"></i>
                </th>
                <th style="width: 10%;">操作</th>
            </tr>
            </thead>
            <tbody class="text-muted">
            <tr ng-repeat="plangroup in vm.plangroups | orderBy : vm.sorter.order : vm.sorter.reverse track by $index">
                <td ng-bind="::plangroup.groupName | readable"></td>
                <td ng-bind="::plangroup.robotNumber | readable"></td>
                <td><a ng-click="vm.deletegroup(plangroup)">删除</a></td>
            </tr>
            </tbody>
        </table>
    </section>
</div>
<div>
    <script type="text/ng-template" id="deletePlanFileContent.html" style="width: 400px;">
        <div class="modal-header">
            <h4 class="modal-title">是否确认删除播放文件?</h4>
        </div>

        <div class="modal-footer">
            <button class="btn btn-primary" type="button" ng-click="ok()">确认</button>
            <button class="btn btn-warning" type="button" ng-click="cancel()">取消</button>
        </div>
    </script>

</div>
<div>
    <script type="text/ng-template" id="deleteGroupContent.html">
        <div class="modal-header">
            <h4 class="modal-title">是否确认删除播放分组?</h4>
        </div>

        <div class="modal-footer">
            <button class="btn btn-primary" type="button" ng-click="ok()">确认</button>
            <button class="btn btn-warning" type="button" ng-click="cancel()">取消</button>
        </div>
    </script>

</div>